// 1.设计数据的结构(data属性)
// 2.将数据绑定到特定的元素上
// 3.登录按钮的点击事件(具体的登录逻辑)
// Page({
//   data: {
//     username: '',
//     password: ''
//   },
//   loginHandle: function() {
//     // TODO:完成逻辑
//     // 1.先需要知道用户输入了什么
//     // 2.根据用户输入的值判断
//     // 3.根据判断的结果做出响应
//     console.log(123132)
//     console.log(this)
//   },
//   setUsername: function(e) {
//     this.setData({
//       username: e.detail.value
//     })
//   },
//   setPassword: function(e) {
//     this.setData({
//       password: e.detail.value
//     })
//   }
// })

// version2
// Page({
//   data: {
//     username: '',
//     password: ''
//   },
//   loginHandle: function () {
//     // TODO:完成逻辑
//     // 1.先需要知道用户输入了什么
//     // 2.根据用户输入的值判断
//     // 3.根据判断的结果做出响应
//     console.log(123132)
//     console.log(this)
//   },
//   inputChange: function (e) {
//     console.log(e)
//     var changed = {}
//     changed[e.target.dataset.filed] = e.detail.value
//     this.setData(changed)
//   }
// })

// verson 3 from提交
Page({
  data: {
    username: '',
    password: ''
  },
  submitHandle: function(e) {
    console.log(e)
  }
})